<!--
 * @Description: In User Settings Edit
 * @Author: your name
 * @Date: 2019-07-31 17:46:49
 * @LastEditTime : 2019-12-26 19:48:33
 * @LastEditors  : Please set LastEditors
 -->
<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>Hello APP</title>
	<link rel="stylesheet" type="text/css" href="../../css/vant.css">
	<link rel="stylesheet" type="text/css" href="../../css/base.css" />
	<script type="text/javascript" src="../../script/jquery.js"></script>
	<script type="text/javascript" src="../../script/layer/mobile/layer.js"></script>
	<script type="text/javascript" src="../../script/vue.min.js"></script>
	<script type="text/javascript" src="../../script/vant.min.js"></script>
	<script type="text/javascript" src="../../script/fastclick.js"></script>
	<script type="text/javascript" src="../../script/base.js"></script>
	<style type="text/css">
		.van-search {
			/* background: transparent !important; */
			padding: 6px 0;
			border-bottom: 1px solid #ebedf0;
		}

		/* .van-search__content {
			background: transparent
		} */

		.van-search__action {
			color: #cd1b21;
			font-size: 13px;
			font-weight: 700;
		}

		.result {
			position: absolute;
			left: 0;
			top: 47px;
			bottom: 0;
			width: 100%;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;
		}

		.desc {
			color: #969799;
		}
	</style>
</head>

<body>
	<div id="app" v-cloak>
		<div class="init-full">
			<van-nav-bar class="head" title="分店列表" left-arrow @click-left="onClickLeft"></van-nav-bar>
			<div class="body-no-bottom">
				<div class="content">
					<div>
						<van-cell v-for="row in filterResult" clickable @click="selectRow(row)">
							<div>
								<div>{{row.name}}</div>
								<div class="desc" v-if="row.Describe">{{row.Describe}}</div>
							</div>
						</van-cell>
					</div>
				</div>
				<van-loading v-if="showLoading" />
			</div>
		</div>
	</div>
</body>

<script type="text/javascript">
	var vm;
	apiready = function () {
		//$('.init-full').show();
		var userInfo = FLD.getUserInfo();
		vm = new Vue({
			el: '#app',
			data: {
				showLoading: false,
				filterData: {
					S_Type: 666,
					S_Cont: '',
					S_BranchID: userInfo.S_BranchID,
					S_SXZ: '',
					S_StockID: userInfo.S_StockID,
					S_CargoID: userInfo.S_CargoID,
					S_BarCode: '',
					S_PriceN: 0,
					S_ProductID: 0
				},
				filterResult: []
			},
			created: function () {
				this.getSearchList();
			},
			methods: {
				getSearchList() {
					var that = this;
					that.showLoading = true;
					FLD.ajax('AP_BasList', that.filterData, function (res) {
						that.showLoading = false;
						that.filterResult = res.ds;
					})
				},
				selectRow(row) {
					api.openWin({
						name: 'tripList',
						url: 'tripList.html',
						reload: true,
						slidBackEnabled: false,
						allowEdit: false,
						pageParam: {
							branchData: row
						}
					})
				},
				onClickLeft() {
					api.closeWin();
				}
			}
		})
	};
</script>

</html>